
/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
@import url("https://fastly.jsdelivr.net/gh/alphardex/aqua.css/dist/aqua.min.css"); // 引入aqua的样式，方便一些特殊效果

.markdown-preview.markdown-preview {

    // modify your style here
    // eg: background-color: blue;

    /*重头戏开始*/
    /* 主要用于mpe */
    
    /* 隐藏YAML front matter */
    .front-matter,
    pre.front-matter {
        display: none !important;
    }

    * {
        -webkit-font-smoothing     : antialiased;
        -webkit-overflow-scrolling : touch;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-text-size-adjust   : none;
        -webkit-touch-callout      : none;
        box-sizing                 : border-box;
        font-family                : "Cascadia Mono PL", "LXGW WenKai Mono Screen", "KaTeX_Main", "DejaVu Sans Mono", "SimHei";
    }



    /*初始化格式*/

    body {
        line-height     : 1.5em;
        letter-spacing  : .034em;
        font-size       : 16px;
        word-break      : all;
        background-color: #ffffff;
        max-width       : 1000px;
        /*设置最大宽度*/
        margin          : 0 auto;
        /*设置内容居中*/
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 0.5em;
        margin-top   : 0.5em;
    }

    /* 一级标题 */

    /*三个小点点*/
    h1::before {
        max-width            : 1000px;
        content              : " ";
        position             : absolute;
        -webkit-border-radius: 50%;
        border-radius        : 50%;
        background           : #fc625d;
        width                : 12px;
        height               : 12px;
        left                 : 10px;
        top                  : 10px;
        -webkit-box-shadow   : 20px 0 #fdbc40, 40px 0 #35cd4b;
        box-shadow           : 20px 0 #fdbc40, 40px 0 #35cd4b;
        z-index              : 2;
    }

    h1 {
        background-position: center top;
        background-repeat  : no-repeat;
        background-size    : 70px;
        line-height        : 70px;
        margin-top         : 10px;
        margin-bottom      : 0px;
        text-align         : center;
        padding-bottom     : 0em;
        border             : 0px;
        /* 一级标题内容 */
        font-size          : 28px;
        font-weight        : normal;
        color              : #0f59a4;
    }


    /*二级标题*/
    h2 {
        display            : inline-block;
        background         : none;
        box-shadow         : none;
        border-radius      : 0;
        padding            : 4px 6px 4px 6px;
        border-left        : 4px solid #03a0a0;

        /* 二级标题内容 */
        color      : #016d6d;
        font-size  : 24px;
        font-weight: normal;
        text-align : left;
        text-shadow: none;
        text-decoration: none;
    }

    /* 在h2标签前后添加装饰性文本 */
    /*
    h2:before {
        content: "▶ ";
        color: #016d6d;
    }

    h2:after {
        content: " ◀";
        color: #016d6d;
    }
    */

    /* 三级标题 */

    h3:before {
        content   : "";
        background: size 1.5em;
        display   : inline-block;
    }

    h3 {
        display     : block;
        font-size   : 20px;
        font-weight : bold;
        color       : #0f59a4;
        line-height : 1.5em;
        padding-left: 0.25em;
    }

    /* 四级标题 */
    h4:before {
        content   : "";
        background: size 1.5em;
        display   : inline-block;
    }

    h4 {
        display    : block;
        font-size  : 18px;
        font-weight: bold;
        color      : #02487a;
        text-indent: 0.5em;
        line-height: 1.5em;
    }

    h5 {
        font-weight: bold;
        text-indent: 0.75em;
        color      : #00834c;
        font-size  : 16px;
    }

    h6 {
        font-size  : 16px;
        color      : #ff6668;
        line-height: 1.5em;
        text-align : center;
        font-style : italic;
        font-weight: bold;
        font-size  : 16px;
    }

    p {
        padding-top      : 0px;
        padding-left     : 1em;
        padding-right    : 1em;
        color            : rgb(74, 74, 74);
        line-height      : 1.5em;
        font-size        : 16px;
        /*尽量两端对其 */
        text-align       : justify;
        /* 首行缩进 */
        //text-indent    : 2em;
    }




    /* 引用
    * 左边缘颜色 border-left-color:black;
    * 背景色 background:gray; */
    blockquote {
        padding         : 15px 15px 10px 10px;
        line-height     : 27px;
        border-radius   : 10px;
        display         : block;
        border-color    : #bababa;
        color           : #656565;
        background-color: #f3f0ea;
        font-style      : italic;
        border-left     : 5px solid;
        padding-left    : 1em;
        max-width       : 90%;
        margin          : 0 auto;
        margin-bottom   : 0.5em;
    }

    /* 引用文字 */
    blockquote p {
        padding  : 0px;
        font-size: 14px;
        color    : rgb(18, 107, 21);
    }

    /* 链接 */

    a:hover,
    a:active {
        @supports (-webkit-background-clip: text) or (background-clip: text) {
            background             : linear-gradient(to right, red, rgb(1, 214, 193));
            -webkit-background-clip: text;
            background-clip        : text;
            color                  : transparent;
        }

        font-size : 20px;
    }

    a {
        color          : rgb(20, 57, 116);
        text-decoration: underline;
    }


    /* 加粗 */
    strong {
        line-height: 1.5em;
        color      : #ec0434;
    }

    /* 斜体 */
    em {
        color: rgb(18, 107, 21);
        /*字符间距*/
    }

    /* 加粗斜体 */
    em strong {
        font-weight: bolder;
        color      : rgb(18, 107, 21);
        /*字符间距*/
    }

    /* 删除线 */

    del,
    s {
        font-style     : italic;
        text-decoration: line-through;
        font-weight    : bolder;
        color          : #fc625d;
    }

    sub {
        color: #0b941b;
    }

    /* 分割线 */
    hr {
        height          : 2px;
        padding         : 0;
        border          : none;
        text-align      : center;
        background-image: linear-gradient(to right, rgba(60, 122, 198, 0), rgba(6, 58, 122, 1), rgba(60, 122, 198, 0));
    }

    /* 图片 */
    .container img {
        max-width: 100%;
    }

    img {
        display         : block;
        border-radius   : 5px;
        max-width       : 99%;
        // max-height   : 960px;
        margin          : 0 auto;
    }


    

    /*音频*/
    audio {
        display: block;
        margin : 0 auto;
    }

    /*视频*/
    video {
        overflow       : hidden;
        display        : flex;
        align-items    : center;
        justify-content: center;
        max-width      : 80%;
        max-height     : 700px;
        margin         : 0 auto;
    }


    @media only screen and (max-width: 480px) {
        /*此适配不同手机型号下文字，图片的大小*/
    }

    @media only screen and (max-width: 375px) {

        /*此适配不同手机型号下文字，图片的大小*/
    }


    /* 图片描述文字 */
    figcaption {
        display    : block;
        font-size  : 12px;
        font-family: PingFangSC-Light;
    }



    /* 列表内容 */
    ul,
    ol {
        margin-top   : 0.25em;
        margin-bottom: 1em;
        margin-left  : 1em;
    }

    /* 修改段落后面的列表 */
    p+ul,
    p+ol {
        // margin-top : -5px;
        margin-left: 1.5em;
    }

    li ul {
        margin-top: 0em;
    }

    /* 修改列表后的加粗段落 */
    /* ol+p strong {
    margin-left: -16px;
    }*/

    /* 序号 */
    ol li::marker {
        color      : rgb(97, 22, 172);
        font-weight: bolder;
        font-style : italic;
    }

    ul li::marker {
        font-style : normal;
        font-weight: 800;
    }

    li {
        list-style-position: outside;
        color              : rgb(1, 71, 78);
        font-size          : 16px;
    }

    ol li {
        list-style-type    : decimal;
        list-style-position: outside;
    }

    ul li {
        list-style-position: outside;
    }

    ol li li {
        list-style-type    : lower-latin;
        list-style-position: outside;
    }

    ol li li li {
        list-style-type    : lower-roman;
        list-style-position: outside;
    }

    ol li ol {
        list-style-type    : lower-latin;
        list-style-position: outside;
        margin-top         : 0px;
    }

    li p {
        margin-left : 0px;
        padding-left: 0px;
    }

    /* 表格样式 */
    table {
        margin         : 0 auto;
        width          : 100%;
        font-size      : 14px;
        border         : none;
        display        : table;
        /*去掉单元格间隙*/
        border-collapse: separate;
        word-wrap      : break-word;
        word-break     : break-word;
        border         : none;
        margin-bottom  : 10px;
        /* 表格外边框颜色 */
    }



    thead {
        background-color: #e0e0e0;
        color           : #000;
        text-align      : left;
        vertical-align  : bottom;
        margin          : 0 auto;
        width           : 100%;
        vertical-align  : middle;
        word-break      : keep-all;

    }

    thead.md-table-edit {
        background-color: transparent
    }

    thead th,
    tfoot th {
        padding         : .25em .25em .25em .4em;
        text-transform  : uppercase;
        background-color: black;
        /* 表头背景色（演示用） */
        border-left     : 1px solid #e2e1e6;
        border-right    : 1px solid #e2e1e6;
        border-bottom   : 1px solid #00000092;
    }

    tbody td {
        padding       : 8px;
        border        : 1px solid #00000092;
        /* 主体单元格边框颜色 */
        vertical-align: middle !important;
        padding       : .25em .5em .25em .4em;
        color         : #237465;
        min-height    : 1em;
        word-break    : break-word;
        width         : auto;
    }

    th {
        text-align      : center;
        font-weight     : bolder;
        color           : #fff;
        background-color: #042335;
        border          : 2px solid #00000092;
        /* 表头边框颜色 */
    }

    td img {
        width : 100%;
        height: auto;
    }

    table tr:first-child th:first-child {
        border-top-left-radius: 10px;
        /* 设置table左上圆角 */
    }

    table tr:first-child th:last-child {
        border-top-right-radius: 10px;
        /* 设置table右上圆角 */
    }

    table tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
        /* 设置table左下圆角 */
    }

    table tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
        /* 设置table右下圆角 */
    }

    thead th:first-child {
        border-color: #00000092;
    }

    thead th:last-child {
        border-color: #00000092;
    }

    /*设置条纹*/
    tr:nth-of-type(even) {
        background: #eee;
    }

    // 设置悬停
    tr:hover {
        background: #ddd;
    }

    /*设置首列不同*/
    td:nth-child(1) {
        font-weight: bolder;
        font-style : italic;
        color      : rgb(6, 77, 140);
        word-break : keep-all;
    }


    caption {
        color     : #000;
        font      : italic 85%/1 arial, sans-serif;
        padding   : 1em 0;
        text-align: center;
    }


    .md-fences {
        margin-left  : 2em;
        margin-bottom: 3em
    }

    .md-fences .CodeMirror.CodeMirror-wrap {
        top: -0.8em
    }

    tt {
        font-size  : 14px;
        line-height: 1.75em;
    }



    body .task-list {
        padding-left: 1rem;
    }

    body .task-list-item {
        list-style-type: none;
        margin-left    : -1.8em
    }

    body .task-list-item .task-list-item-checkbox {
        margin-right: .8em
    }

    body .task-list-item input:before {
        content         : "\221A";
        display         : inline-block;
        width           : 1.25rem;
        height          : 1.5rem;
        vertical-align  : middle;
        text-align      : center;
        color           : #ddd;
        background-color: #F3F2EE
    }

    body .task-list-item input:checked:before,
    body .task-list-item input[checked]:before {
        color: inherit
    }

    body kbd {
        color: #1f0909
    }

    body li>p {
        left: 0;
    }

    body .md-meta,
    body .md-before,
    body .md-after {
        color: #999
    }



    .footnotes {
        padding-top: 8px;
    }

    /* 脚注文字 */
    .footnote-word {
        color: rgb(60, 112, 198);
    }

    /* 脚注上标 */
    .footnote-ref {
        color: rgb(60, 112, 198);
    }

    /* 脚注超链接样式 */
    .footnote-item em {
        color              : rgb(60, 112, 198);
        font-size          : 13px;
        font-style         : normal;
        border-bottom-color: 1px dashed rgb(60, 112, 198);
    }

    /* "参考资料"四个字 
    * 内容 content: "参考资料";
    */
    .footnotes-sep:before {
        background-image: none;
        background-size : none;
        display         : block;
        width           : auto;
        height          : auto;
    }

    /* 参考资料编号 */
    .footnote-num {
        color: rgb(60, 112, 198);
    }

    /* 参考资料文字 */
    .footnote-item p {
        color      : rgb(60, 112, 198);
        font-weight: bold;
    }

    /* 参考资料超链接 */
    .footnote-item a {
        color: rgb(60, 112, 198);
    }

    /* 参考资料解释 */
    .footnote-item p em {
        font-size    : 14px;
        font-weight  : normal;
        border-bottom: 1px dashed rgb(60, 112, 198);
    }

    /* 行间公式*/
    .block-equation svg {
        max-width: 300% !important;
    }

    /* 行内公式*/

    .inline-equation svg {
        max-width: 300% !important;
    }

    /* 滑动图片*/
    .imageflow-img {
        display      : inline-block;
        width        : 100%;
        margin-bottom: 0;
    }

    /*打印时强制下一页*/
    .nextpage {
        page-break-after: always;
        border          : 0px;
        background-image: none;
        background      : none;
    }

    /*容器和媒体*/
    .container {
        width    : 1100px;
        max-width: 100%;
    }


    /* 输入框纵向居中 */
    input {
        text-align    : center;
        vertical-align: middle;
    }


    /*代码块*/
    /* 行内代码 */

    /* 非微信代码块
    * 代码块不换行 display:-webkit-box !important;
    * 代码块换行 display:block;
    */


    /* 表格内的单元格
    * 字体大小 font-size: 16px;
    * 边框 border: 1px solid #ccc;
    * 内边距 padding: 5px 10px;
    */

    code {
        display         : inline-block;
        color           : #1c2939;
        background-color: #f7e8c1;
        border-radius   : 5px;
        font-weight     : 800;
        padding         : 0em;
        margin          : 0;
        text-indent     : 0;
        word-wrap       : break-word;
        word-break      : break-all;
        font-family     : "Cascadia Mono PL", "LXGW WenKai Mono Screen", "KaTeX_Main", "DejaVu Sans Mono", "SimHei";
    }


    pre[data-line] {
        position: relative;
        padding : 1em 0 1em 3em !important
    }

    pre[data-line] .line-highlight-wrapper {
        position        : absolute;
        top             : 0;
        left            : 0;
        background-color: transparent;
        display         : block;
        width           : 100%
    }

    pre[data-line] .line-highlight {
        position      : absolute;
        left          : 0;
        right         : 0;
        padding       : inherit 0;
        margin-top    : 1em;
        background    : rgba(153, 122, 102, 0.08);
        background    : linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
        pointer-events: none;
        line-height   : inherit;
        white-space   : pre
    }

    pre[data-line] .line-highlight:before,
    pre[data-line] .line-highlight[data-end]:after {
        content         : attr(data-start);
        position        : absolute;
        top             : .4em;
        left            : .6em;
        min-width       : 1em;
        padding         : 0 .5em;
        background-color: rgba(153, 122, 102, 0.4);
        color           : #f5f2f0;
        font            : bold 65%/1.5 sans-serif;
        text-align      : center;
        vertical-align  : .3em;
        border-radius   : 999px;
        text-shadow     : none;
        box-shadow      : 0 1px white;

    }

    pre[data-line] .line-highlight[data-end]:after {
        content: attr(data-end);
        top    : auto;
        bottom : .4em
    }


    pre {
        background    : rgb(240, 241, 241);
        border        : 0px solid rgb(182, 106, 7);
        border-radius : 10px;
        font          : 16px/22px, "Cascadia Code PL", "LXGW WenKai Mono Screen", "KaTeX_Main", "DejaVu Sans Mono", "SimHei";
        line-height   : 1.35em;
        max-width     : 90%;
        text-shadow   : none;
        color         : #000;
        box-shadow    : 0 10px 30px 0 rgba(0, 0, 0, .4);
        margin        : auto;
        margin-bottom : 1em;
        margin-top    : 0em;
        padding-top   : 0.13em;
        padding-bottom: 0em;
        padding-left  : 0em;
        font-weight   : bolder;
        word-break    : break-all;
        word-wrap     : break-word;
        white-space   : pre-wrap;
    }


    pre:after {
        color      : #ccc;
        content    : attr(data-lang);
        font-size  : 16px;
        height     : 15px;
        line-height: 15px;
        padding    : 5px 10px 0;
        position   : absolute;
        right      : 0;
        text-align : right;
        top        : 0
    }

    .language- {
        padding: 2px;
    }

    pre code {
        width           : 100%;
        background-color: #eee;
        margin          : 0px;
        border          : 0px;
        padding-left    : 1em;
        padding-top     : 1em;
        padding-bottom  : 1em;
        word-wrap       : break-word;
        word-break      : break-all;
        white-space     : pre-wrap;
    }

    .line-numbers {
        padding-left: 2.75em;
    }

    /*mpe的代码样式*/

    .token {
        word-wrap : break-word;
        word-break: break-all;
    }

    .token.comment {
        font-style: normal;
        color     : #075811;
        word-wrap : break-word;
        word-break: break-all;
    }

    .token.function {
        color: #ff6600;
    }

    .token.string {
        color: #0a1e51;
    }

    .token.number {
        color: #c23651;
    }

    .token.directive-hash {
        color: #06615e;
    }

    .token.class-name {
        color: teal;
    }

    .token.keyword {
        color      : #8d211e;
        font-style : italic;
        font-weight: 1100;
    }

    .token.operator {
        color: #681817;
    }



    /*数学相关*/
    mjx-container,
    .mathjax-exps,
    .MathJax,
    .katex,
    .mstyle,
    .mrow,
    .mfrac,
    .math,
    .mord,
    .mo,
    .mi,
    .mn {
        color      : #f97d1d;
        font-style : normal;
        font-family: "Cascadia Mono PL";
    }

    /* mermaid相关 */
    .mermaid {
        vertical-align: middle;
        min-width     : 100px;
        font-weight   : bold;
        
    }

    .nodeLabel p {
        padding-left : 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        // font-size: 20px;
    }
    .org p
    {
        font-size: 30px;
    }

    /* 详情点击展开 */
    details {
        /* 一人一个一像素 */
        border-bottom: #06615e solid 1px;
    }

    summary {
        text-align   : center;
        list-style   : inside inherit;
        color        : #cf1224;
        font-size    : 20px;
        font-weight  : bolder;
        border-bottom: #06615e solid 1px;
    }

    summary:hover,
    summary:active {
        font-size: 24px;
        color    : #345041;
    }

    center p {
        text-align: center;
    }

    .admonition-title {
        margin-left   : -3em;
        padding-top   : 0.5em;
        padding-bottom: 0.5em;
        text-align    : center;
        font-size     : larger;
        font-weight   : bolder;
    }

    // 闪烁动画
    .blink-box {
        animation: blink 1.5s infinite;
        /* 应用闪烁动画 */
    }

    @keyframes blink {
        0% {
            text-shadow: 0 0 5px;
            opacity    : 1;
        }

        10% {
            text-shadow: 0 0 15px;
            opacity    : 1;
        }

        20% {
            text-shadow: 0 0 25px;
            opacity    : 1;
        }

        30% {
            text-shadow: 0 0 25px;
            opacity    : 1;
        }

        40% {
            text-shadow: 0 0 15px;
            opacity    : 1;
        }

        50% {
            text-shadow: 0 0 5px;
            opacity    : 1;
        }

        60% {
            text-shadow: 0 0 0px;
            opacity    : 1;
        }

        80% {
            text-shadow: 0 0 0px;
            opacity    : 1;
        }

        90% {
            text-shadow: 0 0 0px;
            opacity    : 1;
        }

        100% {
            text-shadow: 0 0 0px;
            opacity    : 1;
        }
    }

    .great-border {
        border       : 1px solid #888;
        padding      : 10px;
        border-radius: 15px;
        margin       : 0 auto;
        box-shadow   : 0px 0px 30px 0px #888;
    }

    .red {
        color: red;
    }

    .green {
        color: green;
    }

    .blue {
        color: blue;
    }

    .yellow {
        color: yellow;
    }

    .orange {
        color: orange;
    }

    .purple {
        color: purple;
    }

    .pink {
        color: pink;
    }

    .gray {
        color: gray;
    }

    .black {
        color: black;
    }

    .white {
        color: white;
    }

    .brown {
        color: brown;
    }

    .cyan {
        color: cyan;
    }

    .magenta {
        color: magenta;
    }

    .lime {
        color: lime;
    }

    .navy {
        color: navy;
    }

    .teal {
        color: teal;
    }

    .olive {
        color: olive;
    }

    .silver {
        color: silver;
    }

    .maroon {
        color: maroon;
    }

    .gold {
        color: gold;
    }

    .indigo {
        color: indigo;
    }

    .remind {
        background-image: url("http://fslong.iok.la:35785/static/lesson/cpp/imgs/zhiguo.jpg"), url("http://fslong.iok.la:35785/static/lesson/cpp/imgs/cwlogo.png");
        ;
        background-repeat    : no-repeat;
        background-size      : 80px, 80px;
        background-position  : top left, top right;
        background-position-y: 0px, 20px;
        background-position-x: 10px, 96%;
        max-width            : 500px;
    }

    .remind center {
        margin-top: -30px;
    }

    .remind h1 {
        margin-bottom: 10px;
        height       : 1.5em;
    }

    .remind h2 {
        font-size: 16px;
    }

    .remind hr {
        margin-top: 10px;
    }
    .slide{
        text-align: left;
        border: 1px solid #ccc;
        padding: 10px;
        border-radius: 5px;
        position: relative;
    }
}